<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui" >

    <p:dialog id="buscadorProducto" header="#{msgs.pcc_buscarProducto}"
              widgetVar="dlg_producto"
              resizable="false"
              draggable="false"
              width="80%" minHeight="400" style="max-width: 650px;"
              showEffect="slide" hideEffect="slide">
        
        <h:form prependId="false" >

            <h:panelGrid columns="2" cellspacing="2" columnClasses="colLabel10,colDato90" width="100%" >
                
                <h:outputText value="Tipo de producto " />                
                <p:selectOneMenu id="tipoProducto" value="#{buscadorProductoBean.tipoProducto}"
                                 converter="#{conversoresInventario.tipoProducto}"  >
                    <f:selectItem itemLabel="Todos" itemValue="" />
                    <f:selectItems value="#{buscadorProductoBean.listaTipos}"
                                   var="i" itemLabel="#{i.descripcion}" itemValue="#{i}"/>
                    <p:ajax process="@this,txtBusqueda" update="tablaProductos" listener="#{buscadorProductoBean.buscar}"/>
                </p:selectOneMenu>
                               
                <h:outputText value="Filtro " />                
                <p:inputText id="txtBusqueda" value="#{buscadorProductoBean.txtBusqueda}" size="40" placeholder="Ingrese busqueda" >
                    <p:ajax event="keyup" process="@this,tipoProducto" update="tablaProductos" listener="#{buscadorProductoBean.buscar}"/>
                </p:inputText>

            </h:panelGrid>        

        
            <p:dataTable id="tablaProductos"
                     value="#{buscadorProductoBean.lista}" var="prd"
                     emptyMessage="No se encontraron productos"
                     rows="15" paginator="true" >

                <p:column headerText="Código"
                          sortBy="#{prd.codigo}"  width="15%" style="text-align: center;" >
                    <h:outputText value="#{prd.codigo}" />
                </p:column>

                <p:column headerText="Descripción" width="75%" style="text-align: left;"
                          sortBy="#{prd.descripcion}" >
                    <p:commandLink oncomplete="PF('dlg_producto').hide(), procesarProducto()" value="#{prd.descripcion}"
                                   update="@form"
                                   process="@this"
                                   title="#{msgs.pcc_seleccionar}"
                                   actionListener="#{buscadorProductoBean.seleccionarProducto(prd)}">
                    </p:commandLink>
                </p:column>
                
                <p:column headerText="U.M."
                          sortBy="#{prd.unidadDeMedida}"  width="10%" style="text-align: center;" >
                    <h:outputText value="#{prd.unidadDeMedida.codigo}" />
                </p:column>

            </p:dataTable>  
            
        </h:form>

    </p:dialog>

</ui:composition>